@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,img{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#656565; font-family:\5b8b\4f53,Arial,sans-serif;font-size:12px; width:100%; min-width:1200px;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#656565; }
div{ margin:0 auto;}
div{
	font-family:微软雅黑;}
/*通用*/
.qcfd{clear:both;}	
.float_l{ float:left;}
.float_r{ float:right;}
.conter{width:1200px;height:auto;font-size:14px; margin:0 auto;}
.msx_20{ margin:20px 0;}
.msx_30{ margin:30px 0;}
.ms_20{ margin-top:20px;}
.mr_10{ margin-right:10px;}
.ml_10{ margin-left:10px;}
.mx_20{ margin-bottom:20px;}
.ps_20{ padding-top:20px;}
.ps_45{ padding-top:45px;}
.jz{ text-align:center;}
/*top*/
#top{width:100%; height:109px; overflow: hidden;}
#top .top{ width:1200px; height:104px; margin:0 auto; }
#top .logo{ width:520px; height:80px; margin:12px 0;}
#top .dh{ width:404px; height:60px; margin:22px 0;}


/*导航*/
#nav{width:100%; height:50px; background:#575757; overflow: hidden;}
#nav .nav{ width:1200px; height:50px;}
#nav .nav li{ width:149px; height:50px; float:left; font-size:16px; text-align:center; line-height:50px;}
#nav .nav li:hover{ background:#229ce3;}
#nav .nav li a{ color:#fff;}

<!--banner-->
#banner { width: auto; height:500px;}
.flexslider{height:500px; position:relative; overflow:hidden; background-image:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute; bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{ background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; }
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; }
.flex-direction-nav li a.flex-prev{ left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ right:40px;background:url(../images/next.png) center center no-repeat;}

/*zuixin*/



#zx{ width:100%; height:43px; border-bottom:1px solid #d5d5d5; overflow: hidden;}
#zx .newest{ width:1200px; height:43px; position:relative;}
#zx .newest dd{ line-height:43px; color:#656565; display:block; position:absolute; top:2px; right:7px;}
#zx .newest .zx{ position:relative; width:112px; height:43px; background:#ff6e0f; float:left; text-align:center; font-size:16px; line-height:43px; color:#fff;}
#zx .newest .zx span{ font-size:14px;}
#zx .newest .zx:before{width:0; height:0; position:absolute; right:-8px; border-left:19px solid #ff6e0f; border-top:24px solid transparent; border-bottom:20px solid transparent; content:"";}
#zx .news{ width:450px; height:43px; float:left; overflow:hidden;}
#zx .newest ul{width:450px; height:43px; overflow:hidden;}
#zx .newest li{ width:450px; font-size:14px; padding:0 35px; height:43px; float:left; line-height:43px; }
#zx .newest li a{ float:left; color:#656565; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#zx .newest li span{ float:right; width:120px;}
#zx .newest li:hover a{ color:#ff6e0f;}


/*pro*/
#pro{ width:1200px; height:296px; margin:30px auto; position:relative; overflow:hidden; }
#pro .pro h2{font-size:20px; font-weight:normal; margin-bottom:20px;}
#pro .pro h2 span{ font-size:14px; }
#pro .pro ul{ width:100%; height:231px; overflow:hidden;}
#pro .pro li{ width:284px; height:219px; border:1px solid #dddede; float:left; margin:0 7px; position:relative;}
#pro .pro_an{ position:absolute; top:10px; right:10px;}
#pro .pro li:hover .cover{ display:block;}
#pro .pro .cover{ position: absolute; top:0px; left:0px; padding:0 20px; padding-top:30px; display: none; background: rgba(0,0,0,0.6);  width:244px; height:189px; font-size:14px; color:#fff;}
#pro .pro .cover h3{ font-weight:normal; margin:10px 0; margin-top:35px;}
#pro .pro .cover a{ position:absolute; bottom:30px; width:90px; height:32px; background:#ffa800; color:#fff; display:block; text-align:center; line-height:32px;}
#cp{ width:1200px;  height:221px; overflow:hidden;}

/*sol*/
#sol{ width:100%; height:42px; float:left; border-bottom:1px solid #656565; overflow:hidden;}
#sol .sol{ width:1200px; height:42px; overflow:hidden;}
#sol .sol_l{ width:580px; line-height:42px; float: left; padding-right:20px; }
#sol .sol_l h4{ float:left;  text-align:center; background:#575757;  color:#ff6e0f; width:181px; border-left:6px solid #ff6e0f; font-size:20px; display:block;}
#sol .sol_l h4 span{ font-size:14px; font-weight:normal; color:#fff;}
#sol .sol_r{ width:580px; line-height:42px; float:right; padding-left:20px; }
#sol .sol_r h4{ float:left;  text-align:center; background:#575757;  color:#fff; width:181px; border-left:6px solid #ff6e0f; font-size:20px; display:block;}
#sol .sol_r h4 span{ font-size:14px; font-weight:normal; color:#fff;}
/*res*/
#res{ width:1200px; height:385px;  margin:0 auto; margin-top:100px; }
#res .res{ width:580px; height:385px; margin-right:20px;}
#res .res li{ width:580px; height:88px; margin-bottom:5px;  background:#f3f3f3; line-height:2; color:#656565;}
#res .res li img{ margin-right:20px; float:left;}
#res .res li h4{ font-weight:normal; padding:4px; font-size:14px;}
#res .res_r{ width:580px; height:385px; margin-left:20px;}
#res .res_r li{ width:580px;  height:68px; margin-bottom:7px; background:#f3f3f3; line-height:2;}
#res .res_r li i{ width:68px; border-right:5px solid #fff; text-align:center; display:block; background:#d7d7d7; font-style:normal; line-height:68px; font-size:48px; font-family:Bodoni MT; color:#fff; float:left; margin-right:10px;}
#res .res_r li h3{ font-size:16px; padding-top:5px;}
#res .res_r li p{ font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;}
#res .res_r li:hover i{ background:#229ce3;}
#res .res_r li:hover { display:block; background:#464646;  } 
#res .res_r li:hover p{color:#fff;}
#res .res_r li:hover a{ color:#fff;}

/*bottom*/
#bottom { width:100%; height:320px; background:#575757; padding-top:20px; color:#fff;}
#bottom .bottom{ width:1200px; margin:0  auto;}
#bottom .bottom dd{ border-bottom:1px solid #b9b9b9; padding:10px 0; font-size:14px; }
#bottom .bottom dd em{ font-size:18px; font-style:normal;}
#bottom .bottom dd a{ color:#fff; margin: 0 10px;}
#bottom .bottom ul{ padding-top:30px; width:200px; float:left; overflow:hidden; }
#bottom .bottom ul dt{ font-size:16px; margin-bottom:10px;}
#bottom .bottom li{ width:200px; height:30px; font-size:14px; overflow:hidden;}
#bottom .bottom  a{ color:#fff;}
#bottom .bottom li a{ color:#cdcdcd;}
#bottom .bottom .map{ width:400px; height:auto; float:left; margin-top:20px; overflow:hidden;}
#bq{ width:100%; height:48px; background:#383838; font-size:16px; line-height:48px;}
#bq .bq{ width:1200px; height:48px;  color:#fff;}
#bq .bq a{color:#fff;}

/*us*/
#us{ width:1200px; height:auto; margin:20px auto; overflow:hidden;}
#us .us_l{ width:255px; margin-right:27px; float:left;}
#us .us_l h3{ border-left: 4px solid #ff6e0f; margin-bottom:20px; height:23px; line-height:23px;   padding-left:10px; font-weight:normal; font-size:20px;}
#us .us_l ul{ padding-top:27px; border-top:1px solid #dddede;}


#us .us_l li{ width:255px; height:44px; border-bottom:1px solid #dddede; line-height:44px; font-size:14px; text-align:center; }
#us .us_l li a{ background:url(../images/moren_03.png) no-repeat center left 60px; width:255px; height:44px; display:block; }
/*#us .us_l li i{ width:6px; height:9px; display:block; background:url(../images/moren_03.png); position:absolute; top:17px; left:52px;}*/
#us .us_l li a.on{ color:#fff; background:#ff6e0f url(../images/dianji_03.png) no-repeat center left 60px;}




#us .us_r{ width:918px; height:auto; float: left;}
#us .us_r h3{ border-left:4px solid #ff6e0f; margin-bottom:20px; padding-left:10px; font-size:20px; height:23px; line-height:23px;  font-weight:normal;}
#us .us_r h3 span{ float: right; font-size:12px;}
#us .us_r .txt{ width:898px; height:auto; overflow:hidden; border-top:1px solid #dddede; line-height:2; padding:10px; font-size:14px;}
#us .us_r .txt h2{font-weight:normal; text-align:center; margin-bottom:10px;}

/*产品展示*/
#us .pro_l{ width:255px; margin-right:27px; float:left;} 
#us .pro_l h3{ border-left: 4px solid #ff6e0f; margin-bottom:20px; height:auto; line-height:23px;   padding-left:10px; font-weight:normal; font-size:20px;}
#us .pro_l ul{ padding-top:27px; border-top:1px solid #dddede;}
#us .pro_l li{ width:255px; height:auto; border-bottom:1px solid #dddede; line-height:44px; font-size:14px; text-align:center; position:relative;}
#us .pro_l li .bs{ display:block;  width:175px; height:auto; line-height:44px; font-size:14px; text-align: left; padding-left:80px;}
#us .pro_l li .bs i{ width:6px; height:9px; display:block; background:url(../images/moren_03.png); position:absolute; top:17px; left:52px;}
#us .pro_l .bs:hover{ display:block;  background:#ff6e0f; }
#us .pro_l .bs:hover a{ color:#fff;}
#us .pro_l li:hover i{ background:url(../images/cpzs_03.png); width:9px; height:6px; display:block; }
#us .pro_l li:hover .bs{background:#ff6e0f; }
#us .pro_l li:hover .bs a{ color:#fff;}
#us .pro_l li .erji{ padding-top:0px; border:none; display:none; }
#us .pro_l li:hover .erji{ display:block;}
#us .pro_l li .erji li{ width:165px; height:auto; border:none;cc line-height:44px; font-size:14px; text-align: left; padding-left:90px;}
#us .pro_l li .erji li:hover{background:#ff6e0f; }
#us .pro_l li .erji li:hover a{color:#fff;}

/*#us .pro_l{ width:255px; margin-right:27px; float:left;} 
#us .pro_l h3{ border-left: 4px solid #ff6e0f; margin-bottom:20px; height:auto; line-height:23px;   padding-left:10px; font-weight:normal; font-size:20px;}
#us .pro_l ul{ padding-top:27px; border-top:1px solid #dddede;}
#us .pro_l li{ width:255px; height:auto; border-bottom:1px solid #dddede; line-height:44px; font-size:14px; text-align:center; position:relative;}
#us .pro_l li .bs a{ display:block;  width:175px; height:auto; line-height:44px; font-size:14px; text-align: left; padding-left:80px; background:url(../images/moren_03.png) no-repeat  center left 52px; }
#us .pro_l .bs:hover{ display:block;  background:#ff6e0f; }
#us .pro_l .bs:hover a{ color:#fff;}
#us .pro_l li:hover .bs{background:#ff6e0f; }
#us .pro_l li:hover .bs a{ color:#fff;}
#us .pro_l li .erji{ padding-top:0px; border:none; display: block; }
#us .pro_l li:hover .erji{ display:block;}
#us .pro_l li .erji li{ width:165px; height:auto; border:none;cc line-height:44px; font-size:14px; text-align: left; padding-left:90px;}
#us .pro_l li .erji li:hover{background:#ff6e0f; }
#us .pro_l li .erji li:hover a{color:#fff;}
#us .pro_l li .bs .xx{ color:#fff; background:#ff6e0f url(../images/cpzs_03.png) no-repeat  center left 52px;}*/


#us .pro_r{ width:918px; height:auto; float: left;}
#us .pro_r h3{ border-left:4px solid #ff6e0f; margin-bottom:20px; padding-left:10px; font-size:20px; height:23px; line-height:23px;  font-weight:normal;}
#us .pro_r h3 span{ float: right; font-size:12px;}
#us .pro_r .por_list{ width:918px; height:auto; overflow:hidden; border-top:1px solid #dddede; line-height:2; padding:10px 0; font-size:14px;}
#us .pro_r .por_list ul{ overflow:hidden;}
#us .pro_r .por_list li{ width:284px; height:219px; border:1px solid #dddede; float:left; margin:0 10px; margin-bottom:20px; position:relative;}
#us .pro_r .por_list li:hover .cover{ display:block;}
#us .pro_r .por_list .cover{ position: absolute; top:0px; left:0px; padding:0 20px; padding-top:30px; display: none; background: rgba(0,0,0,0.6);  width:244px; height:189px; font-size:14px; color:#fff;}
#us .pro_r .por_list .cover h3{ font-weight:normal; border:none; padding:0px;  margin:10px 0; margin-top:35px;}
#us .pro_r .por_list .cover a{ position:absolute; bottom:30px; width:90px; height:32px; background:#ffa800; color:#fff; display:block; text-align:center;line-height:32px;}
.fy{ width:100%; height:auto; line-height:30px; text-align:center; }

/*por_xq*/
#us .pro_r .por_xq{ width:width:898px; height:auto; overflow:hidden; border-top:1px solid #dddede; line-height:2; padding:10px; font-size:14px;}
#us .pro_r .por_img{ width:898px; height:auto; margin-top:10px; overflow:hidden; margin-bottom:20px;}
#us .pro_r .por_img h3{ padding-top:15px;}
#us .pro_r .por_img img{ width:284px; height:219px; float:left; border:1px solid #dddede; margin-right:30px;}
#us .pro_r .por_js{ width:898px; height:auto;}
#us .pro_r .por_js ul{ width:898px; height:44px; line-height:45px; border-bottom:2px solid #dbdbd0; background:#eeeee4;}
#us .pro_r .por_js li{ float:left; width:122px; height:44px; line-height:44px; text-align:center;}
#us .pro_r .por_js .por_js_txt{width:878px; height:auto; padding:10px;}
#us .pro_r .por_js li:hover,.current{ background:url(../images/xq_bj_03.png);}

/*sol_list*/
#us .sol_list{ width:width:898px; height:auto; overflow:hidden; border-top:1px solid #dddede; line-height:2; padding:10px; font-size:14px;}
#us .sol_list li{  width:898px; height:120px; padding-top:42px; padding-bottom:26px; border-bottom:1px solid #dddede; font-size:14px;}
#us .sol_list li img{ float:left; margin-right:20px;}
#us .sol_list li h3{ font-size:16px; margin-bottom:10px;}
#us .sol_list li a { color:#505050;}

/*sol_list_txt*/
#us .sol_list_txt{width:width:898px; height:auto; overflow:hidden; border-top:1px solid #dddede; line-height:2; padding:10px; font-size:14px;}
#us .sol_list_txt h2{ font-weight:normal; font-size:24px; text-align:center;}
#us .sol_list_txt dd{ text-align:center; padding-bottom:15px; border-bottom:1px dotted #dddede; margin-bottom:10px;}
.jszs{ margin-top:15px;}
/*news_list*/
#us .news_list{ width:width:898px; height:auto; overflow:hidden; border-top:1px solid #dddede; line-height:2; padding:10px; font-size:14px;}
#us .news_list li{ width:898px; height:42px; border-bottom:1px dotted #dddede; line-height:42px; }
#us .news_list li a{ float:left; width:810px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#us .news_list li:hover a{ color:#ff6e0f;}

/*QQ在线*/
.main-im{position:fixed;right:10px;top:50%; margin-top:-136px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background: url(../images/qq-icon-bg.png) no-repeat top center}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:block;}
.main-im .im_main .qq_c{ margin-top:4px; width:109px; height:80px; border-bottom:solid 1px #ddd;}
.main-im .im_main .qq_c a img{ margin-top:10px; margin-left:10px;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background: url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background: url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background: url(../images/open_im.png) no-repeat left top; display:none;}